*{
    margin: 0;
    padding: 0;
  }
  body {
  height: 100%;
  font-size: .346667rem;
  box-sizing: border-box;
  }
  a,
  a:hover {
  color: #666;
  text-decoration: none;
  }
  
  input {
  outline: none;
  border: none;
  border: 1px solid #ccc;
  }
  .fl {
  float: left;
  }
  .fr {
  float: right;
  }
  .m_left10 {
  margin-left: .266667rem;
  }
  .m_right10 {
  margin-right: .266667rem;
  }
  .m_top10 {
  margin-top: .266667rem;
  }
  .clearfix::before,
  .clearfix::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0px;
  clear: both;
  visibility: hidden;
  }
  body {
  background-color: #ffffff;
  }
  #header {
  height: 1.333333rem;
  background-color: #ff841d;
  padding: .133333rem;
  }
  #header .logo {
  margin-left: .133333rem;
  padding: .32rem;
  width: 75%;
  }
  #header .logo > a {
  display: block;
  }
  #header .logo > a > img {
  height: .666667rem;
  }
  #header .app {
  padding: .186667rem;
  }
  #header .app img {
  height: .906667rem;
  }
  #search {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: relative;
  }
  #search .searchbox {
  padding: .266667rem;
  }
  #search .searchbox > input {
  height: .8rem;
  width: 90%;
  padding-left: 5%;
  border-radius: .4rem;
  background-color: #f1f1f1;
  border: none;
  font-size: .426667rem;
  }
  #search .button > button {
  margin-left: .133333rem;
  width: 1.68rem;
  height: .8rem;
  background: #ff841d;
  border-radius: .4rem;
  position: absolute;
  right: .266667rem;
  top: .266667rem;
  border: none;
  color: #fff;
  }
  // #search .button > button::before {
  // // content: '搜索';
  // height: .8rem;
  // line-height: .8rem;
  // font-size: .426667rem;
  // border: none;
  // color: #fff;
  // }
  .recMainLis{
    li{
      list-style: none;
    }
    border: 1px solid;
    font-size: 14px;
    line-height: 38px;
    color: #333;
    border-color: #ddd;
    border-color: #f5f5f5
  }
  #shopNav {
    display: flex;
    align-items: center;
    height: 0.8rem;
    background: linear-gradient(to bottom, #fff 0%, rgb(241, 241, 241) 100%);
    position: relative;
  }
  #shopNav a {
    display: block;
    text-decoration: none;
    color: grey;
    font: 0.6rem / 0.8rem;
  }
  
  #shopNav span{
    height: .7rem;
    width: 1.3rem;
    line-height: .8rem;
    // margin-top: .133333rem;
    color: black;
    text-align: center;
    border-radius: .166667rem;
    position: absolute;
    right: .266667rem;
    background-image: linear-gradient(to top, #fff, #ccc);
  }

  

  img {
    vertical-align: middle;
}
  .comment{margin-top: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #dbdbdb;
  }
  .recommen-main-content li {
    padding: 0 .266667rem;
  }
  
  
  .backup {
    padding-left: .133333rem;
    width: 100%;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-image: linear-gradient(to bottom, #fff, #ccc);
    margin-bottom: .266667rem;
    
    }
    .backup a {
    cursor: pointer;
    display: inline-block;
    line-height: .933333rem;
    height: .933333rem;
    font-size: .373333rem;
    }
    
    
    .chartss {
    padding-left: .133333rem;
    width: 100%;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #f4f4f4;
    margin-bottom: .266667rem;
    }
    .chartss p {
    font-size: .373333rem;
    line-height: 1.013333rem;
    height: .8rem;
    }
    
    
    #footer{
      .more{
        height: 1.333333rem;
        background-color: #f4f4f4;
        a{
          display: block;
          font-size: .346667rem;
          line-height: .8rem;
          text-align: center;
          border-radius: .133333rem;
          border:1px solid #ddd;
          text-decoration: none;
          color:darkgray;
          background-image: linear-gradient(#ffffff, #f4f4f4);
        }
      }
      .chart{
        background: #ff841d;
        margin-top: .266667rem;
        margin-bottom: .16rem;
        .chart-1{
          color: #fff;
          display: inline-block;
          padding-left: .266667rem;
          font: bolder 18px/35px "Microsoft soft";
        }
        .chart-2{
          color: #fff;
          display: inline-block;
          padding-left: .266667rem;
          line-height: .533333rem;
          text-align: center;
          font-size: .533333rem;
          padding-right: .266667rem;
        }
    
      }
    .login{
      padding: .266667rem 0;
      .row-1{
        display: flex;
        border: .026667rem solid #c4c4c4c4;
        a{
          text-decoration: none;
          flex: 3;
          div{
            height: .88rem;
            line-height: .88rem;
            text-align: center;
            font-size: .373333rem;
            border-right: .026667rem solid #c4c4c4;
            color: #808080;
          }
        }
      }
     .row-2{  
       padding: .533333rem 0;
        p{
          text-align: center;
          a{
            text-decoration: none;
            color: #666;
            
          }
        }
     }
    }
    
    }